<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<!-- Main Footer -->
	<footer class="main-footer style-two"
		style="background-image: url(images/background/pattern-4.png)">
		<div class="auto-container">
			<!-- Widgets Section -->
			<div class="widgets-section">
				<div class="row clearfix">
					<!-- Big Column -->
					<div class="big-column col-lg-6 col-md-12 col-sm-12">
						<div class="row clearfix">
	
							<!--Footer Column-->
							<div class="footer-column col-lg-6 col-md-6 col-sm-12">
								<div class="footer-widget logo-widget">
									<div class="logo">
										<a href="index.html"><img src="images/footer-logo.png"
											alt="" /></a>
									</div>
									<ul class="footer-info-list">
										<li><span class="icon fa fa-location-arrow"></span>27
											Division St, New York, <br> United State Aamrica</li>
										<li><span class="icon fa fa-phone"></span><a
											href="tel:+1-044-123-456-789">+1 (044) 123 456 789</a></li>
										<li><span class="icon fa fa-envelope-o"></span><a
											href="mailto:info@example.com">info@example.com</a></li>
									</ul>
								</div>
							</div>
	
							<!-- Footer Column -->
							<div class="footer-column col-lg-6 col-md-6 col-sm-12">
								<div class="footer-widget links-widget">
									<h4>Useful Links</h4>
									<ul class="list-link">
										<li><a href="#">Terms and Conditions</a></li>
										<li><a href="#">Privacy Policy</a></li>
										<li><a href="#">Cookie Policy & Date Protection</a></li>
										<li><a href="#">Complaints Policy</a></li>
										<li><a href="#">TimeTable Maniged</a></li>
										<li><a href="#">Update News</a></li>
									</ul>
								</div>
							</div>
	
						</div>
					</div>
	
					<!-- Big Column -->
					<div class="big-column col-lg-6 col-md-12 col-sm-12">
						<div class="row clearfix">
	
							<!-- Footer Column -->
							<div class="footer-column col-lg-6 col-md-6 col-sm-12">
								<div class="footer-widget links-widget">
									<h4>Our Services</h4>
									<ul class="list-link">
										<li><a href="#">Fat Burn</a></li>
										<li><a href="#">Streching</a></li>
										<li><a href="#">Weight Loss</a></li>
										<li><a href="#">Self Defense</a></li>
										<li><a href="#">Body Building</a></li>
										<li><a href="#">Psycho Trainning</a></li>
									</ul>
								</div>
							</div>
	
							<!-- Footer Column -->
							<div class="footer-column col-lg-6 col-md-6 col-sm-12">
								<div class="footer-widget consult-widget">
									<h4>Free Consultation</h4>
									<div class="phone">
										<span class="icon fa fa-phone"></span> 1-800-643-430
									</div>
									<div class="text">Power GYM lift is champ in providing
										its users with absolutely everything a fitness or gym site
										needs.</div>
									<div class="social-links">
										<a href="#" class="fa fa-facebook"></a> <a href="#"
											class="fa fa-twitter"></a> <a href="#"
											class="fa fa-instagram"></a> <a href="#"
											class="fa fa-linkedin"></a>
									</div>
								</div>
							</div>
	
						</div>
					</div>
	
				</div>
			</div>
	
			<!-- Footer Bottom -->
			<div class="footer-bottom">
				<div class="copyright">
					Copyright 2020 Theme by <a href="http://www.bootstrapmb.com"
						title="">expertthemes</a>
				</div>
			</div>
		</div>
	</footer>
</div>

<!-- Sidebar Cart Item -->
<div class="xs-sidebar-group info-group">
	<div class="xs-overlay xs-bg-black"></div>
	<div class="xs-sidebar-widget">
		<div class="sidebar-widget-container">
			<div class="widget-heading">
				<a href="#" class="close-side-widget"> X </a>
			</div>
			<div class="sidebar-textwidget">

				<!-- Sidebar Info Content -->
				<div class="sidebar-info-contents">
					<div class="content-inner">
						<div class="logo">
							<a href="index.html"><img src="images/logo.png" alt="" /></a>
						</div>
						<div class="content-box">
							<h2>About Us</h2>
							<p class="text">The argument in favor of using filler text
								goes something like this: If you use real content in the
								Consulting Process, anytime you reach a review point you’ll
								end up reviewing and negotiating the content itself and not
								the design.</p>
							<a href="#" class="theme-btn btn-style-two"><span
								class="txt">Consultation</span></a>
						</div>
						<div class="contact-info">
							<h2>Contact Info</h2>
							<ul class="list-style-one">
								<li><span class="icon fa fa-location-arrow"></span>Chicago
									12, Melborne City, USA</li>
								<li><span class="icon fa fa-phone"></span>(111)
									111-111-1111</li>
								<li><span class="icon fa fa-envelope"></span>Gym@gmail.com</li>
								<li><span class="icon fa fa-clock-o"></span>Week Days:
									09.00 to 18.00 Sunday: Closed</li>
							</ul>
						</div>
						<!-- Social Box -->
						<ul class="social-box">
							<li class="facebook"><a href="#" class="fa fa-facebook-f"></a></li>
							<li class="twitter"><a href="#" class="fa fa-twitter"></a></li>
							<li class="linkedin"><a href="#" class="fa fa-linkedin"></a></li>
							<li class="instagram"><a href="#" class="fa fa-instagram"></a></li>
							<li class="youtube"><a href="#" class="fa fa-youtube"></a></li>
						</ul>
					</div>
				</div>

			</div>
		</div>
	</div>
</div>
<!-- END sidebar widget item -->
			
<!-- Color Palate / Color Switcher -->
<div class="color-palate">
	<div class="color-trigger">
		<i class="fa fa-gear"></i>
	</div>
	<div class="color-palate-head">
		<h6>Choose Your Color</h6>
	</div>
	<div class="various-color clearfix">
		<div class="colors-list">
			<span class="palate default-color active"
				data-theme-file="${rootPath}/css/color-themes/default-theme.css"></span> <span
			class="palate green-color"
			data-theme-file="${rootPath}/css/color-themes/green-theme.css"></span> <span
			class="palate olive-color"
			data-theme-file="${rootPath}/css/color-themes/olive-theme.css"></span> <span
			class="palate orange-color"
			data-theme-file="${rootPath}/css/color-themes/orange-theme.css"></span> <span
			class="palate purple-color"
			data-theme-file="${rootPath}/css/color-themes/purple-theme.css"></span> <span
			class="palate teal-color"
			data-theme-file="${rootPath}/css/color-themes/teal-theme.css"></span> <span
			class="palate brown-color"
			data-theme-file="${rootPath}/css/color-themes/brown-theme.css"></span> <span
			class="palate redd-color"
			data-theme-file="${rootPath}/css/color-themes/redd-color.css"></span>
		</div>
	</div>

	<h5>Other Options</h5>
	<ul class="rtl-version option-box">
		<li class="rtl">RTL Version</li>
		<li>LTR Version</li>
	</ul>



	<div class="palate-foo">
		<span>You will find much more options for colors and styling
			in admin panel. This color picker is used only for demonstation
			purposes.</span>
	</div>

</div>

<!-- Search Popup -->
<div class="search-popup">
	<button class="close-search style-two">
		<span class="flaticon-multiply"></span>
	</button>
	<button class="close-search">
		<span class="flaticon-up-arrow-1"></span>
	</button>
	<form method="post" action="blog.html">
		<div class="form-group">
			<input type="search" name="search-field" value=""
				placeholder="Search Here" required="">
			<button type="submit">
				<i class="fa fa-search"></i>
			</button>
		</div>
	</form>
</div>
<!-- End Header Search -->

<!--Scroll to top-->
<div class="scroll-to-top scroll-to-target" data-target="html">
	<span class="fa fa-arrow-up"></span>
</div>

<script src="${rootPath}/js/jquery.js"></script>

<script src="${rootPath}/js/popper.min.js"></script>
<script src="${rootPath}/js/bootstrap.min.js"></script>
<script src="${rootPath}/js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="${rootPath}/js/jquery.fancybox.js"></script>
<script src="${rootPath}/js/appear.js"></script>
<script src="${rootPath}/js/parallax.min.js"></script>
<script src="${rootPath}/js/tilt.jquery.min.js"></script>
<script src="${rootPath}/js/jquery.paroller.min.js"></script>
<script src="${rootPath}/js/owl.js"></script>
<script src="${rootPath}/js/wow.js"></script>
<script src="${rootPath}/js/nav-tool.js"></script>
<script src="${rootPath}/js/jquery-ui.js"></script>
<script src="${rootPath}/js/script.js"></script>
<script src="${rootPath}/js/color-settings.js"></script>